@charset "UTF-8";






@media screen and (max-width:800px ) {


    #information  .i-nav{
        width: 100%;
    }
    #information  .i-nav ul {
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
        height: auto;
        margin: auto;
        padding-bottom: calc((150/192)*1rem);
    }

    #information  .i-nav ul li{
        width: 33%;
        height:auto ;
        margin: unset;
        font-size: 14px;
        text-align: center;
    }
    #information  .i-nav ul li h5{
        width: calc((273/192)*1rem);
        height: calc((273/192)*1rem);
        margin: auto;
    }

    #information  .i-nav ul li p{
        white-space: nowrap;
    }

    #information .news{
        width: 100%;
    }
    #information .news > ul{
        width: 100%;
        height: auto;
    }
    #information .news > ul li{
        width: 100%;
        height: auto;
        padding-bottom: calc((120/192)*1rem);
    }
    #information .news > ul li div{
        padding: 0 calc((60/192)*1rem);
    }
    #information .news > ul li img{
        height: auto;
    }
    #information .news > ul li h6{
        font-size: 16px;
    }
    #information .news > ul li p {
        margin-top: calc((20/192)*1rem);
        font-size: 14px;
        color: #989898;
        text-align: justify;
        line-height: calc((130/192)*1rem);
    }
    #information .news > ul li i{
        bottom: 0;
        font-size: 12px;
    }
    #information .news > ul li i + i{
        width: 15px;
        height: 15px;
        right: calc((50/192)*1rem);
        bottom: calc((30/192)*1rem);
        line-height: 15px;
    }
    #information .btn{
        height: auto;
    }
    #information .btn .center{
        display: flex;
        width: 80%;
        padding-bottom: calc((63/192)*1rem);
        justify-content: space-around;
    }
    #information .btn .center .prv,
    #information .btn .center .next,
    #information .btn .center ul li{
        padding: calc((20/192)*1rem)  calc((30/192)*1rem) ;
        font-size: 16px;
    }

    #information .i-content .n-secondary{
        width: 100%;
        line-height: 25px;
    }
    #information .i-content .n-secondary h5{
        width: 90%;
        margin: auto;
        font-size: 18px;
        text-align: justify;
    }
    #information .i-content .n-secondary p{
        font-size: 16px;
    }
    #information .i-content .n-secondary ul{
        width: 100%;
    }
    #information .i-content .n-secondary ul li{
        width: 90%;
        margin: auto;
        font-size: 14px;
        text-align: justify;
        text-indent: 36px;
    }





}








